<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <em> 哈哈
    </em>
    <br>
    <b> 这是加粗字体 </b>
    <br>
    <i> 这是斜体字

    </i>
    <br>
    <strong> 白醋</strong>
    <br>
    <del> 已过期</del>
    <br>
    <span> 说 iii </span>

    <p> the light of <strong> red color </strong>
    </p>

    <p> <b color="red">$</b> <i>200</i></p>

    <ol>
        <li> 蔬菜 

            <ol>

                <li>白菜 <img src="icon_baicai.png" alt="白菜" width="80px"></li>
                <li>胡萝卜 <img src="icon_huluobo.png" alt="huluobo" width="80px"></li>
                <li>南瓜 <img src="icon_nangua.png" alt="南瓜" width="80px"></li>
            </ol>
        </li>

    </ol>

    <ul>
        <li>嬴政
        </li>
        <li>刘邦</li>
        <li>武则天</li>
        <li>李世民</li>
        <li>崇祯</li>
    </ul>

    <!-- 红色属性是不推荐使用 -->
    <table border="1" width = "400px" height = "280px">
        <tr >
            <td>121</td>
            <td>122</td>
            <td>123</td>
            <td>124</td>
        </tr>
        <tr>
            <td>131</td>
            <td>132</td>		
            <td>133</td>		
            <td>134</td>
        </tr>
        <tr>
            <td>141</td>
            <td>142</td>		
            <td>143</td>		
            <td>144</td>
        </tr>
    
    </table >

    <!-- table>tr*3>td{这是一个表格} -->
    <table>
        <tr>
            <td>表格</td>
            <td>表格</td>
            <td>表格</td>
            <td>表格</td>
        </tr>
        <tr>
            <td>表格</td>
            <td>表格</td>
            <td>表格</td>
            <td>表格</td>
        </tr>
        <tr>
            <td>表格</td>
        </tr>
    </table>

    <table border="1" width = "600px" height = "200px" align="center">
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td colspan="2">单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td rowspan = "2">单元格</td>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
    </table>

    <form action="url" method="get" name="myForm">

        <input id="input01" type="text">
        <input type="submit" title="按钮">

    </form>
</body>

</html>